<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0,user-scalable=0" />
    <title>创造力就是答案</title>
    <link rel="stylesheet" href="http://homily.cn/js/adidas.css">
    <script src="http://homily.cn/js/jquery.min.js"></script>
    <script src="http://homily.cn/js/font.js"></script>
    <script src="http://homily.cn/js/adidas.js"></script>
    <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <script>
        wx.config({
            debug: false,
            appId: '${shakeMap.appId}',
            timestamp: '${shakeMap.timestamp}',
            nonceStr: '${shakeMap.nonceStr}',
            signature: '${shakeMap.signature}',
            jsApiList: [
                'onMenuShareTimeline',
                'onMenuShareAppMessage'
            ]
        });
        wx.ready(function () {
            var shareData = {
                title: '来 成为广告主角',
                desc: '扔掉乏味的脚本，就现在',
                link: '${shakeMap.url}',
                imgUrl: 'http://homily.cn/static/adidas-share.jpg',
                success: function (res) {
                    alert("已经分享");
                },
                cancel: function (res) {
                }
            };
            wx.onMenuShareAppMessage({
                title: '来 成为广告主角',
                desc: '扔掉乏味的脚本，就现在',
                link: '${shakeMap.url}',
                imgUrl: 'http://homily.cn/static/adidas-share.jpg',
                trigger: function (res) {
                    //  alert('用户点击发送给朋友');
                },
                success: function (res) {
                    //alert('已分享');
                },
                cancel: function (res) {
                    //alert('已取消');
                },
                fail: function (res) {
                    alert(JSON.stringify(res));
                }
            });
            wx.onMenuShareTimeline(shareData);
        });
        wx.error(function (res) {
            alert("error: " + res.errMsg);
        });
    </script>
</head>
<body>
<div class="active-content">
    <div id="articleBox">
        <div class="article-content">
            <p style="margin-top:20px;">
                致：阿迪达斯体育（中国）有限公司（以下简称“贵司”)
            </p>
            <p style="margin-top:20px;">本人授权并承诺：</p>
            <p style="text-indent:2rem;line-height:30px;margin-top:15px;">
                本人同意无偿授权贵公司及关联公司有权以营利货非营利为目的，将本人照的照片、肖像单独或集体用于中国地区阿迪达斯品牌的平面广告（包括但不限于店内装饰橱窗滚动播放、网络宣传等）和官网下载。本授权使用期限为永远，且不收取任何使用费用。
                贵司一句本授权使用肖像资料或肖像资料中包含的本人肖像的全部或局部时，无需另行通知本人。
            </p>
        </div>
        <div class="article-button">
            <a href="javascript:;" id="iAgree">
                <img src="http://homily.cn/js/adidas-confrim.png" />
            </a>
        </div>
    </div>
</div>
<div class="bg-image">
    <img src="http://homily.cn/js/adidas-bg.jpg" />
</div>


<div class="videoBox">
    <div class="videoContent">
        <video id="adidas-video"
               poster="http://homily.cn/js/ad-image.jpg"
               preload="auto" controls="controls"
               autoplay="autoplay">
            <source src="${messageUrl}" type='video/mp4'/>
        </video>
    </div>
</div>
<div class="mask">

</div>
</body>

<#--<script>-->
    <#--videojs('adidas-video').videoJsResolutionSwitcher();-->
<#--</script>-->
</html>